﻿@model SGCC.Models.FuncionarioModel
@{
    ViewBag.Title = "AdicionarFuncionário";
    Layout = "~/Views/Shared/_Layout.cshtml";

    //Cria uma lista com todas as especialidades
    List<SelectListItem> listaEspecialidades = new List<SelectListItem>();
    listaEspecialidades.Add(new SelectListItem()
    {
        Text = "Selecione a especialidade",
        Value = null,
        Selected = true
    });
    var especialidades = new SGCC.Models.EspecialidadeModel().ListarEspecialidades();

    foreach (SGCC.Especialidade e in especialidades)
    {
        listaEspecialidades.Add(new SelectListItem()
        {
            Text = e.Nome,
            Value = Convert.ToString(e.EspecialidadeId),
            Selected = false
        });
    }

    ViewBag.especialidades = listaEspecialidades;

}

<h2>Adicionar Funcionário</h2>
<table class="tabela-cadastros">
@Html.ValidationSummary(true)
@using (Html.BeginForm("AdicionarFuncionario", "Funcionario", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <tr>
        <td class="cad-titulo"><label>@Html.LabelFor(f => f.nome)</label></td>
        <td>@Html.TextBoxFor(f => f.nome, new { @class = "cad-input" })</td>
    </tr>
    <tr>
        <td class="cad-titulo"><label>@Html.LabelFor(f => f.cpf)</label></td>
        <td>@Html.TextBoxFor(f => f.cpf, new { @class = "cad-input" })</td>
    </tr>    
    <tr>
        <td class="cad-titulo">@Html.LabelFor(model => model.dataNasc)</td>
        <td>@Html.TextBoxFor(f => f.dataNasc,string.Format("{0:dd/MM/yyyy}","01/01/1989"), new { @class = "cad-input" })</td>
        
    </tr>
    <tr>
        <td class="cad-titulo"><label>@Html.LabelFor(f => f.telefone)</label></td>
        <td>@Html.TextBoxFor(f => f.telefone, new { @class = "cad-input telefone" })</td>
    </tr>
        <tr>
        <td class="cad-titulo"><label>@Html.LabelFor(f => f.especialidadeId)</label></td>
        <td>@Html.DropDownListFor(f => f.especialidadeId, (List<SelectListItem>)ViewBag.especialidades, new { @class = "cad-input" })</td>
    </tr>
    <tr>
        <td class="cad-titulo"><label for="ddEstado">@Html.LabelFor(f => f.estadoId)</label></td>
        <td><select class="cad-input" id="ddEstado"></select></td>
    </tr>

    <tr>
        <td class="cad-titulo"><label for="ddCidade">@Html.LabelFor(f => f.cidadeId)</label></td>
        <td><select class="cad-input" id="ddCidade"></select></td>
    </tr>
    <tr>
        <td class="cad-titulo"><label>@Html.LabelFor(f => f.logradouro)</label></td>
        <td>@Html.TextBoxFor(f => f.logradouro, new { @class = "cad-input" })</td>
    </tr>   
    <tr>
        <td class="td-Enviar" colspan="2">
            <input type="reset" value="Limpar" />
            <input type="submit" value="Adicionar" />
        </td>
    </tr>
    @Html.HiddenFor(m => m.estadoId)
    @Html.HiddenFor(m => m.cidadeId)
}
</table>

<div>
    @Html.ActionLink("Voltar", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
<script>
    $(function () {
        $("#dataNasc").datepicker();
    });

    function carregarEstados() {
        $.getJSON('/estado/get', function (data, status) {
            var estados = $("#ddEstado");

            estados.empty();

            $.each(data, function (i, item) {
                var option = $("<option />");
                option.attr("value", item.Id).text(item.Sigla);
                estados.append(option);
            });

            var estado = $("#estadoId").val();

            $('#ddEstado option[value="' + estado + '"]').attr('selected', 'selected');

            carregarCidades();
        });
    }

    function carregarCidades() {
        var estado = $("#ddEstado option:selected").val();

        $("#estadoId").val(estado);

        $.getJSON('/cidade/get?uf=' + estado, function (data) {
            var cidades = $("#ddCidade");

            cidades.empty();

            $.each(data, function (i, item) {
                var option = $("<option />");
                option.attr("value", item.Id).text(item.Nome);
                cidades.append(option);
            });

            var cidade = $("#cidadeId").val();

            $('#ddCidade option[value="' + cidade + '"]').prop('selected', true);
        });
    }

    $("#ddEstado").change(function (evt) {
        carregarCidades();
    });

    $("#ddCidade").change(function (evt) {
        var cidade = $("#ddCidade option:selected").val();

        $("#cidadeId").val(cidade);
    });

    carregarEstados();

</script>